<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="CSS/flank.css"/>
		<link rel="stylesheet" type="text/css" href="CSS/flank_IcoMoon.css"/>

	
	</head>
	<body>
		<div id="one"></div>
		<div id="two"></div>
		<div id="three"></div>
		<div id="four"></div>
		<div id="flank_box">
			<ul>
				<li id="flank_box_li">
					<a href="favorites.html" id="flank_box_a_one">
						<p id="flank_box_a_one_p">我的收藏</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="" id="flank_box_a_two">
						<p id="flank_box_a_one_p">点我领钱</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="" id="flank_box_a_three">
						<p id="flank_box_a_one_p">意见反馈</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="" id="flank_box_a_four">
						<p id="flank_box_a_one_p">智能客服</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="index.html" id="flank_box_a_five">
						<p id="flank_box_a_one_p">新手指南</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="javascript:" id="flank_box_a_six">
						<p id="flank_box_a_one_p">回到顶部</p>
					</a>
				</li>
			</ul>
			<div id="flank_icon">
				<a href="">
					<img src="IMG/TB1HImXOVXXXXcHXpXXXXXXXXXX-170-172.png"/>
				</a>
			</div>
		</div>
		
		<script type="text/javascript">
			var oBack = document.querySelector('#flank_box_a_six');
			    window.onscroll = function(){
			      var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
			    }
			    oBack.onclick = function() {
			      scrollAnimate(0, 1000);
			    }
			    function scrollAnimate(target, timer) {
				      var interval = 20;
				      var frame = 0;
				      var frames = timer / interval;
				      var start = document.body.scrollTop || document.documentElement.scrollTop;
				      var distance = target - start;
				      var timer;
				      clearInterval(timer);
				      timer = setInterval(function(){
				        frame++;
				        if (frame >= frames) {
				          clearInterval(timer);
				        }
						document.body.scrollTop = document.documentElement.scrollTop = CubicEaseInOut(frame, start, distance, frames);
				      }, interval);
				
				      function CubicEaseInOut(t,b,c,d){
				    		if ((t/=d/2) < 1) return c/2*t*t*t + b;
				    		return c/2*((t-=2)*t*t + 2) + b;
				    	}
				    }
		</script>
	</body>
</html>
